import React, { useEffect } from 'react'
import { useNavigate, Outlet } from 'react-router-dom'
// import SideBar from '@/components/SideBar'
import { AliveScope } from 'react-activation'
import styles from './app.module.less'
import 'tdesign-react/es/style/index.css'
const SideBar = React.lazy(() => import('@/components/SideBar'))


const App = () => {

  const navigate = useNavigate()


  useEffect(() => {
  }, [])

  return <div className={styles.app}>
    <SideBar />
    <AliveScope>
      <div className={styles.content}>
        <Outlet />
      </div>
    </AliveScope>
  </div>
}

export default App
